<style scoped>
<!--
.ui-progressbar {position: relative}
.progress-label {display: none;position: absolute;left: 45%;top: 4px;font-weight: bold;text-shadow: 1px 1px 0 #fff}
-->
</style>
<div class="row" id="manage-symbol">
	<h2>Manage symbols</h2>
    <form name="frmsymbol" id="frmsymbol" method="post" action="<?php echo base_url(array("manage", "symbol")); ?>">
	<div id='symbol-list'>
        <p>Current symbols :</p>
        <label for="checkall"><input type="checkbox" value="1" id="checkall" onchange="toggleCheckSymbol();" />&nbsp;&nbsp;Check all</label>
        <div id="symbolslist" class="table-row-content">
        <?php if(isset($arrSymbol)) { foreach($arrSymbol as $key => $item) { ?>
        	<p class='list-row'>
        		<span class="left">
        			<input type="checkbox" class="symbolcheckbox" name="symbol[]" value="<?php echo $item->getUrlVal(); ?>" />
        			<label class="index-text"><strong><?php echo $key + 1; ?></strong>.&nbsp;<?php echo html_escape($item->getUrlVal()); ?></label>
        		</span>
    		    <span class="delete" style="float: right;"
                    onclick="deleteSymbol('<?php echo base64_encode($item->getId()); ?>', '<?php echo html_escape($item->getUrlVal()); ?>');" 
                    title="Click to delete this symbol"></span>
        	</p>
        <?php } } ?>
        </div>
        <input type="hidden" id="symbolslisturl" value="<?php echo base_url(array('manage', 'getsymbolslist')); ?>" />
        <input type="hidden" id="deletesymbolurl" value="<?php echo base_url(array('manage', 'deletesymbol')); ?>" />
	</div>
	<div id="symbol-command">
		<p id='tab-nav'>
			<span class="tab-title selected" id="tab1" data-left=0>Add symbols</span>
			<span class="tab-title" id="tab2" data-left=480>Get symbol`s data</span>
		</p>
        <p class="message"></p>
		<div id="tab-wrap-content">
			<div class="tab-content" id="tab-content-1">
				<textarea class="textarea" id="txtnewsymbol" name="txtnewsymbol" cols="28" rows="26" placeholder="Add new symbol here. One symbol is one row."></textarea>
                <button type="button" onclick="addSymbols('<?php echo base_url(array('manage', 'doaddsymbols')); ?>')" class="button orange">Add new</button>
			</div><!-- end tab1 -->
			
			<div class="tab-content" id="tab-content-2">
				<div id="progressbar"><div class="progress-label">Loading...</div></div><br />
                <label class="label" for="startdate">Start date :</label><br />
                <input class="text" type="text" id="startdate" name="startdate" placeholder="Example : 01-Jul-2013" autocomplete="off" value="01-Aug-2013" />
                <br /><br />
                <label class="label" for="enddate">End date :</label><br />
                <?php $curDate = new DateTime(); $curDate = $curDate->format('d-M-Y'); ?>
                <input class="text" type="text" id="enddate" name="enddate" placeholder="Example : 10-Jul-2013" autocomplete="off" value="<?php echo $curDate; ?>" />
                <br /><br />
				<button type="button" class="button orange" onclick="getSymbolsData('<?php echo base_url(array('manage', 'newdataforsymbol')); ?>');">Get data</button>
			</div><!-- end tab2 -->
		</div>
	</div>
	</form>
</div>